<div id="carousel" class="carousel slide" data-ride="carousel" style="min-width: 1136px;min-height: 300px;background: url('http://127.0.0.1:7001/public/imgs/logo.png') center center no-repeat;overflow: hidden;">
  <!-- 圆点指示器 -->
  <ol class="carousel-indicators">
    {% for item in banner %}
      {% if loop.index == 0 %}
        <li data-target="#carousel" data-slide-to="{{loop.index}}" class="active"></li>
      {% else %}
        <li data-target="#carousel" data-slide-to="{{loop.index}}"></li>
      {% endif %}
    {% endfor %}
  </ol>

  <!-- 轮播项目 -->
  <div class="carousel-inner">
    {% for item in banner %}
      {% if loop.index == 1 %}
        <div class="item active">
          <a href="{{item.hrefUrl}}">
            <img style="width: 100%; height: 100%;" alt="banner-{{loop.index}}" src="{{item.path}}">
          </a>
        </div>
      {% else %}
        <div class="item">
          <a href="{{item.hrefUrl}}">
            <img style="width: 100%; height: 100%;" alt="banner-{{loop.index}}" src="{{item.path}}">
          </a>
        </div>
      {% endif %}
    {% endfor %}
  </div>

  <!-- 项目切换按钮 -->
  <a class="left carousel-control" href="#carousel" data-slide="prev">
    <span class="icon icon-chevron-left"></span>
  </a>
  <a class="right carousel-control" href="#carousel" data-slide="next">
    <span class="icon icon-chevron-right"></span>
  </a>
</div>